<?php 
$url_site="http://".$_SERVER['SERVER_NAME'];
$url_site.=str_replace($_SERVER['DOCUMENT_ROOT'], '', str_replace('\\','/',dirname(__FILE__)));
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>site template</title>
		<link rel="stylesheet" type="text/css" href="<?=$url_site?>/style.css" media="screen">
		<!--[if IE]>
			<link rel="stylesheet" type="text/css" href="<?=$url_site?>/ie.css" media="screen">
		<![endif]-->
		<link rel="stylesheet" type="text/css" href="<?=$url_site?>/lightbox.css" media="screen">
		<script type="text/javascript" src="<?=$url_site?>/js/jquery.min.js"></script>
		<script type="text/javascript" src="<?=$url_site?>/js/jquery.lightbox-0.5.pack.js"></script>
		<script type="text/javascript" src="<?=$url_site?>/js/cufon-yui.js"></script>
		<script type="text/javascript" src="<?=$url_site?>/js/Desyrel_400.font.js"></script>
		
		<!-- Cufon text replacement -->
		<script type="text/javascript">
			$(document).ready(function(){
				Cufon.replace('#about .right ul li');
				Cufon.replace('h2', { textShadow: '0 2px rgba(0, 0, 0, 0.15)' });
				Cufon.replace('#social .right a', {hover:true});
				Cufon.replace('#work .left h3', {hover:true});
				Cufon.replace('h3', { textShadow: '0 2px rgba(0, 0, 0, 0.15)' });
				Cufon.replace('#contactinfo'), {hover:true};
			});
		</script>
		
		<!-- jQuery lightbox -->
		<script type="text/javascript">
			$(document).ready(function(){
				$('#work .right a').lightBox();
			});
		</script>
		
		<!-- Navigation and Content effects -->
		<script type="text/javascript">
			$(document).ready(function(){
				$('.page').hide();
				$('#navigation li:first').addClass('active').show();
				$('.page:first').show();
				
				$('#navigation li').click(function(){
					$('#navigation li').removeClass('active');
					$(this).addClass('active');
					
					$('.page').hide();
					var activeTab = $(this).find('a').attr('href');
					$(activeTab).fadeIn('slow');
					return false;
				});
			});
		</script>

	</head>
	<body>